<template>
  <select v-model="selected">
    <option disabled value="">请选择：</option>
    <option value="football">足球</option>
    <option value="basketball">篮球</option>
    <option value="volleyball">排球</option>
    <option value="badminton">羽毛球</option>
  </select>
  <span>您的选择是：{{ selected }}</span>
</template>

<script>
import { reactive, toRefs } from '@vue/reactivity'
export default {
  setup () {
    const state = reactive({
      selected: 'badminton'
    })

    return {
      ...toRefs(state)
    }
  }
}
</script>
